!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="31a847c8-40e7-4656-8dae-874ae178ee3c",e._sentryDebugIdIdentifier="sentry-dbid-31a847c8-40e7-4656-8dae-874ae178ee3c")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7296],{61060:function(e,t,r){r.d(t,{D:function(){return n.h}});var n=r(5360)},60524:function(e,t,r){r.r(t),r.d(t,{Body:function(){return b},CollapsibleItems:function(){return h},Content:function(){return v},Header:function(){return x},HeadingLink:function(){return w},HoverItems:function(){return T},InitialItems:function(){return R},ItemLink:function(){return _},Overlay:function(){return P},Root:function(){return O},TreeItems:function(){return L}});var n=r(5360),o=r(8516),i=r(40197),l=r(52983),a=r(97458),s=r(52389),u=r(57291),d=r(19974),c=(0,l.createContext)(void 0),f=(0,l.createContext)(void 0),p=({children:e,isOpen:t,onChange:r})=>(0,a.jsx)(c.Provider,{value:t,children:(0,a.jsx)(f.Provider,{value:r,children:e})}),g=()=>{let e=(0,l.useContext)(c);if(void 0===e)throw Error("useIsOpen must be used within the Sidebar Root component");return e},m=()=>{let e=(0,l.useContext)(f);if(void 0===e)throw Error("useOnChange must be used within the Sidebar Root component");return e},b=({className:e,...t})=>{let r=g();return(0,a.jsx)("div",{className:(0,i.m6)((0,o.d1)({isOpen:r}),e),...t})},h=({className:e,defaultOpen:t=!1,icon:r,label:l,children:d,...c})=>{let{hideHoverTitle:f,position:p,...g}=c;return(0,a.jsxs)(s.fC,{defaultOpen:t,children:[(0,a.jsxs)(s.xz,{className:(0,i.m6)(o.WK,o.T$,o.I7,o.QU,o.D2,e),...g,children:[(0,a.jsxs)("span",{className:(0,u.cx)(o.qX,o.QU),children:[r,l]}),(0,a.jsx)(n.h,{name:"arrow.fold",size:"lg"})]}),(0,a.jsx)(s.VY,{className:o.FQ,forceMount:!0,children:d})]})},v=({className:e,...t})=>{let r=g();return(0,a.jsx)("div",{className:(0,o.kQ)({isOpen:r,className:e}),...t})},x=({children:e})=>{let t=g(),r=m(),i=t?"shapes.cross":"system.menuburger",l=t?"close":"open";return(0,a.jsxs)("div",{className:(0,o.Fs)({isOpen:t}),children:[(0,a.jsxs)("button",{className:(0,o.yu)({isOpen:t}),onClick:()=>r(!t),title:"toggle menu",children:[(0,a.jsx)(n.h,{name:i,size:"sm"}),(0,a.jsx)("span",{className:"hidden",children:l})]}),t&&(0,a.jsx)("div",{className:"hidden lg:block",children:e})]})},y=[o.T$,o.QU,o.I7],w=(0,l.forwardRef)(({as:e,className:t,...r},n)=>{let l=g();return(0,a.jsx)(e??"a",{ref:n,className:(0,i.m6)("font-semibold",o.WK,l?y:o.x6,t),...r})});w.displayName="HeadingLink";var k=(0,l.createContext)(void 0),C=(0,l.createContext)(void 0),j=({children:e})=>{let t=(0,l.useRef)(),r=(0,l.useRef)(),[n,o]=(0,l.useState)(null),i=(0,l.useCallback)(e=>{clearTimeout(r.current),t.current=setTimeout(()=>{o(e)},100)},[]),s=(0,l.useCallback)(()=>{clearTimeout(r.current)},[]),u=(0,l.useCallback)(()=>{clearTimeout(t.current),r.current=setTimeout(()=>{o(null)},100)},[]),d=(0,l.useCallback)(e=>{clearTimeout(t.current),clearTimeout(r.current),o(t=>t===e?null:e)},[]);(0,l.useEffect)(()=>()=>{clearTimeout(t.current),clearTimeout(r.current)});let c=(0,l.useMemo)(()=>({handleMouseOver:i,handleMouseLeave:u,handleContentMouseOver:s,handleKeyboardClick:d}),[i,u,s,d]);return(0,a.jsx)(C.Provider,{value:c,children:(0,a.jsx)(k.Provider,{value:n,children:e})})},E=()=>{let e=(0,l.useContext)(k);if(void 0===e)throw Error("useHoveredItem must be used within the HoverItemsProvider component");return e},N=()=>{let e=(0,l.useContext)(C);if(void 0===e)throw Error("useHandleHoverItem must be used within the HoverItemsProvider component");return e},S=({clientX:e,clientY:t})=>0===e&&0===t,T=({className:e,icon:t,label:r,children:n,position:s="top",hideHoverTitle:u=!1,...c})=>{let f=(0,l.useRef)(null),p=(0,l.useRef)(!1),{defaultOpen:g,...m}=c,b=E(),{handleMouseOver:h,handleMouseLeave:v,handleContentMouseOver:x,handleKeyboardClick:y}=N();return(0,a.jsxs)(d.fC,{open:b===r,onOpenChange:e=>{e||v()},children:[(0,a.jsxs)(d.xz,{className:(0,i.m6)(o.WK,o.x6,"bottom"===s?"mt-auto":void 0,"typo-body-xs font-semibold",e),...m,onMouseOver:e=>{S(e)||(h(r),p.current=!1)},onMouseLeave:e=>{S(e)||(v(),p.current=!1)},onClick:e=>{e.preventDefault(),S(e)&&(y(r),p.current=!0)},children:[t,r]}),(0,a.jsx)(d.h_,{children:(0,a.jsxs)(d.VY,{className:o.zJ,align:"bottom"===s?"end":"start",alignOffset:"bottom"===s?0:-56,side:"right",sideOffset:4,onMouseOver:x,onMouseLeave:v,onFocus:x,onBlur:v,onOpenAutoFocus:e=>{p.current||e.preventDefault()},onCloseAutoFocus:e=>{p.current||e.preventDefault()},ref:f,children:[!u&&(0,a.jsx)("p",{className:o.lx,children:r}),n]})})]})},R=({className:e,icon:t,label:r,children:n,position:l="top",...s})=>{let{defaultOpen:u,hideHoverTitle:d,...c}=s;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("button",{className:(0,i.m6)(o.WK,o.x6,"bottom"===l?"mt-auto":void 0,"typo-body-xs font-semibold",e),...c,children:[t,r]}),(0,a.jsx)("div",{className:"sr-only",children:n})]})},_=(0,l.forwardRef)(({as:e,className:t,...r},n)=>(0,a.jsx)(e??"a",{ref:n,className:(0,i.m6)(o.WK,o.T$,o.I7,o.QU,"lg:my-0.5",t),...r}));_.displayName="ItemLink";var P=({className:e,onClick:t,...r})=>{let n=g(),l=m();return n?(0,a.jsx)("div",{"aria-hidden":"true",className:(0,i.m6)(o.IJ,e),onClick:e=>{l(!1),t&&t(e)},...r}):null},O=({isOpen:e,onChange:t,children:r})=>(0,a.jsx)(p,{isOpen:e,onChange:t,children:(0,a.jsx)(j,{children:r})}),L=({label:e,isLoading:t=!1,onClickTrigger:r,children:i,...l})=>(0,a.jsxs)(s.fC,{children:[(0,a.jsxs)("div",{className:(0,u.cx)(o.WK,o.T$,o.I7,"items-center"),children:[(0,a.jsxs)(s.xz,{className:o.Bl,disabled:t,onClick:r,children:[(0,a.jsx)(n.h,{className:o.Lr,name:"arrow.caret-right",size:"xs"}),(0,a.jsx)("span",{className:"hidden",children:"Toggle Tree"})]}),(0,a.jsxs)("button",{className:(0,u.cx)(o.qX,"items-center"),...l,children:[(0,a.jsx)(n.h,{className:t?"animate-spin":"text-piki-blue-200",name:t?"system.spinner":"tools.folder-filled",size:"sm"}),e]})]}),(0,a.jsx)(s.VY,{className:o.sx,children:i})]})},5360:function(e,t,r){let n;r.d(t,{h:function(){return u}});var o=r(57291),i=(n=(0,o.j)("inline-block",{variants:{size:{"2xs":"size-3",xs:"size-3.5",sm:"size-4",md:"size-4.5",lg:"size-5",xl:"size-6",custom:null}}}),e=>n(e)),l=({size:e})=>(0,o.cx)(i({size:e}),"fill-current"),a=r(40197),s=r(97458),u=({name:e,className:t,size:r,...n})=>(0,s.jsx)("svg",{...n,className:(0,a.m6)(l({size:r}),t),width:24,height:24,children:(0,s.jsx)("use",{xlinkHref:`/svg-sprite/sprite.2c56dc93becf5b281cca194c4c660b29.svg#${e}`})})},32856:function(e,t,r){r.d(t,{G:function(){return n}});var n=(0,r(57291).j)("inline-flex border w-fit justify-center items-center aria-disabled:bg-neutral-500 aria-disabled:border-transparent aria-disabled:text-neutral-100 font-semibold",{variants:{size:{sm:"typo-body-2xs px-1 h-4.5",md:"typo-body-xs px-2 h-6",lg:"typo-body-sm px-3 h-8"},shape:{rectangle:null,pill:"rounded-full"},variant:{default:"text-neutral-900 bg-neutral-75 dark:bg-neutral-825 dark:text-neutral-50","default-light-only":"text-neutral-900 bg-neutral-75","default-dark-only":"bg-neutral-825 text-neutral-50",primary:"text-white bg-piki-blue-500 dark:bg-piki-blue-600 dark:text-neutral-50","primary-light-only":"text-white bg-piki-blue-500","primary-dark-only":"bg-piki-blue-600 text-neutral-50",secondary:"text-neutral-50 bg-neutral-900 dark:bg-neutral-50 dark:text-neutral-900","secondary-light-only":"text-neutral-50 bg-neutral-900","secondary-dark-only":"bg-neutral-50 text-neutral-900",tertiary:"text-neutral-900 bg-transparent border-neutral-900/20 dark:text-neutral-50 dark:border-white/20","tertiary-light-only":"text-neutral-900 bg-transparent border-neutral-900/20","tertiary-dark-only":"bg-transparent text-neutral-50 border-white/20",positive:"text-positive-700 bg-positive-300 border-positive-500 dark:text-positive-300 dark:bg-positive-700 dark:border-transparent","positive-light-only":"text-positive-700 bg-positive-300 border-positive-500","positive-dark-only":"text-positive-300 bg-positive-700 border-transparent",notification:"text-notification-700 bg-notification-300 border-notification-500 dark:text-notification-300 dark:bg-notification-700 dark:border-transparent","notification-light-only":"text-notification-700 bg-notification-300 border-notification-500","notification-dark-only":"text-notification-300 bg-notification-700 border-transparent",negative:"text-negative-700 bg-negative-300 border-negative-500 dark:text-negative-300 dark:bg-negative-700 dark:border-transparent","negative-light-only":"text-negative-700 bg-negative-300 border-negative-500","negative-dark-only":"text-negative-300 bg-negative-700 border-transparent",warning:"text-neutral-900 bg-warning-300 border-warning-700 dark:text-warning-300 dark:bg-warning-700 dark:border-transparent","warning-light-only":"text-neutral-900 bg-warning-300 border-warning-700","warning-dark-only":"text-warning-300 bg-warning-700 border-transparent","piki-blue":"text-piki-blue-900 bg-piki-blue-100 dark:text-piki-blue-100 dark:bg-piki-blue-700","piki-blue-light-only":"text-piki-blue-900 bg-piki-blue-100","piki-blue-dark-only":"text-piki-blue-100 bg-piki-blue-700",aubergine:"text-aubergine-900 bg-aubergine-100 dark:text-aubergine-100 dark:bg-aubergine-800","aubergine-light-only":"text-aubergine-900 bg-aubergine-100","aubergine-dark-only":"text-aubergine-100 bg-aubergine-800",minty:"text-minty-900 bg-minty-100 dark:text-minty-100 dark:bg-minty-900","minty-light-only":"text-minty-900 bg-minty-100","minty-dark-only":"text-minty-100 bg-minty-900","premium-gold":"text-premium-gold-900 bg-premium-gold-100 dark:text-premium-gold-100 dark:bg-premium-gold-900","premium-gold-light-only":"text-premium-gold-900 bg-premium-gold-100","premium-gold-dark-only":"text-premium-gold-100 bg-premium-gold-900",disabled:"text-neutral-500 bg-neutral-100 border-neutral-200"}},compoundVariants:[{size:"sm",shape:"rectangle",class:"rounded-sm"},{size:["md","lg"],shape:"rectangle",class:"rounded"},{variant:["default","default-light-only","default-dark-only","primary","primary-light-only","primary-dark-only","secondary","secondary-light-only","secondary-dark-only","piki-blue","piki-blue-light-only","piki-blue-dark-only","aubergine","aubergine-light-only","aubergine-dark-only","minty","minty-light-only","minty-dark-only","premium-gold","premium-gold-light-only","premium-gold-dark-only"],class:"border-transparent"}],defaultVariants:{size:"md",shape:"rectangle",variant:"primary"}})},8516:function(e,t,r){r.d(t,{Bl:function(){return k},D2:function(){return v},FQ:function(){return w},Fs:function(){return l},Gs:function(){return p},I7:function(){return c},IJ:function(){return i},Lr:function(){return C},QU:function(){return f},T$:function(){return d},WK:function(){return u},d1:function(){return s},hC:function(){return y},k2:function(){return E},kQ:function(){return o},lx:function(){return h},qX:function(){return x},sx:function(){return j},uU:function(){return m},x6:function(){return g},yu:function(){return a},zJ:function(){return b}});var n=r(57291),o=(0,n.j)("relative h-dvh bg-black lg:bg-white flex-col text-neutral-300 lg:text-neutral-800",{variants:{isOpen:{true:"flex w-full xs:w-96 lg:gap-4 overflow-hidden",false:"hidden lg:flex lg:w-20 items-center"}}}),i="fixed left-0 top-0 h-dvh w-full bg-black/50",l=(0,n.j)("flex w-full items-center",{variants:{isOpen:{true:"gap-4 h-16 px-3 lg:px-5",false:"justify-center mb-4"}}}),a=(0,n.j)("flex items-center justify-center text-inherit",{variants:{isOpen:{true:"w-10 h-10",false:"w-20 h-20"}}}),s=(0,n.j)("overflow-y-auto w-full flex flex-col flex-1",{variants:{isOpen:{true:"lg:gap-4 lg:px-5 lg:pb-4",false:"pb-2 items-center"}}}),u="flex w-full text-inherit lg:rounded text-left",d="typo-body-sm gap-3 py-3 lg:py-1 px-6 lg:px-2",c="lg:hover:bg-neutral-75",f="[&>svg]:relative [&>svg]:top-0.5 [&>svg]:min-w-4",p="lg:text-piki-blue-500 lg:bg-piki-blue-50 lg:hover:bg-piki-blue-100",g='typo-body-xs flex-col items-center justify-center text-center gap-1 min-h-16 py-2 [&>svg]:w-6 [&>svg]:h-6 [&_svg]:p-1 [&_svg]:rounded [&>svg]:hover:bg-neutral-75 [&[data-state="open"]>svg]:bg-neutral-75',m='text-piki-blue-500 [&_svg]:bg-piki-blue-50 [&_svg]:hover:bg-piki-blue-100 [&[data-state="open"]_svg]:bg-piki-blue-100',b="rounded hidden min-w-96 bg-white p-6 shadow-sm data-[state=open]:block z-[99] left-full max-h-[calc(80dvh-1rem)] overflow-y-auto",h="typo-body-sm mb-1 font-semibold px-2 py-1",v="[&[data-state=open]>svg]:rotate-180 [&>svg]:rounded lg:[&>svg]:hover:bg-neutral-100 font-semibold",x="flex flex-1 gap-3 text-inherit",y="typo-body-sm my-2 px-6 font-semibold lg:px-2",w="hidden data-[state=open]:block lg:px-1 lg:py-2 bg-white/5",k="group flex h-5 w-5 items-center justify-center rounded-sm lg:hover:bg-neutral-100 text-inherit",C="group-[[data-state=open]]:rotate-90",j="hidden data-[state=open]:block pl-2",E="w-60 overflow-hidden overflow-ellipsis whitespace-nowrap"},88706:function(e,t,r){r.d(t,{fC:function(){return Q},LW:function(){return q},bU:function(){return J},l_:function(){return K}});var n=r(52983);function o(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function i(...e){return n.useCallback(function(...e){return t=>{let r=!1,n=e.map(e=>{let n=o(e,t);return r||"function"!=typeof n||(r=!0),n});if(r)return()=>{for(let t=0;t<n.length;t++){let r=n[t];"function"==typeof r?r():o(e[t],null)}}}}(...e),e)}r(63730);var l=r(97458),a=Symbol("radix.slottable");function s(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===a}var u=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let r=function(e){let t=function(e){let t=n.forwardRef((e,t)=>{let r,o;let{children:l,...a}=e,s=i(n.isValidElement(l)?(r=Object.getOwnPropertyDescriptor(l.props,"ref")?.get)&&"isReactWarning"in r&&r.isReactWarning?l.ref:(r=Object.getOwnPropertyDescriptor(l,"ref")?.get)&&"isReactWarning"in r&&r.isReactWarning?l.props.ref:l.props.ref||l.ref:void 0,t);if(n.isValidElement(l)){let e=function(e,t){let r={...t};for(let n in t){let o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...e)=>{let t=i(...e);return o(...e),t}:o&&(r[n]=o):"style"===n?r[n]={...o,...i}:"className"===n&&(r[n]=[o,i].filter(Boolean).join(" "))}return{...e,...r}}(a,l.props);return l.type!==n.Fragment&&(e.ref=s),n.cloneElement(l,e)}return n.Children.count(l)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=n.forwardRef((e,r)=>{let{children:o,...i}=e,a=n.Children.toArray(o),u=a.find(s);if(u){let e=u.props.children,o=a.map(t=>t!==u?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,l.jsx)(t,{...i,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,o):null})}return(0,l.jsx)(t,{...i,ref:r,children:o})});return r.displayName=`${e}.Slot`,r}(`Primitive.${t}`),o=n.forwardRef((e,n)=>{let{asChild:o,...i}=e,a=o?r:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,l.jsx)(a,{...i,ref:n})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{}),d=globalThis?.document?n.useLayoutEffect:()=>{},c=e=>{let t,r;let{present:o,children:l}=e,a=function(e){var t,r;let[o,i]=n.useState(),l=n.useRef(null),a=n.useRef(e),s=n.useRef("none"),[u,c]=(t=e?"mounted":"unmounted",r={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},n.useReducer((e,t)=>r[e][t]??e,t));return n.useEffect(()=>{let e=f(l.current);s.current="mounted"===u?e:"none"},[u]),d(()=>{let t=l.current,r=a.current;if(r!==e){let n=s.current,o=f(t);e?c("MOUNT"):"none"===o||t?.display==="none"?c("UNMOUNT"):r&&n!==o?c("ANIMATION_OUT"):c("UNMOUNT"),a.current=e}},[e,c]),d(()=>{if(o){let e;let t=o.ownerDocument.defaultView??window,r=r=>{let n=f(l.current).includes(r.animationName);if(r.target===o&&n&&(c("ANIMATION_END"),!a.current)){let r=o.style.animationFillMode;o.style.animationFillMode="forwards",e=t.setTimeout(()=>{"forwards"===o.style.animationFillMode&&(o.style.animationFillMode=r)})}},n=e=>{e.target===o&&(s.current=f(l.current))};return o.addEventListener("animationstart",n),o.addEventListener("animationcancel",r),o.addEventListener("animationend",r),()=>{t.clearTimeout(e),o.removeEventListener("animationstart",n),o.removeEventListener("animationcancel",r),o.removeEventListener("animationend",r)}}c("ANIMATION_END")},[o,c]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:n.useCallback(e=>{l.current=e?getComputedStyle(e):null,i(e)},[])}}(o),s="function"==typeof l?l({present:a.isPresent}):n.Children.only(l),u=i(a.ref,(t=Object.getOwnPropertyDescriptor(s.props,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning?s.ref:(t=Object.getOwnPropertyDescriptor(s,"ref")?.get)&&"isReactWarning"in t&&t.isReactWarning?s.props.ref:s.props.ref||s.ref);return"function"==typeof l||a.isPresent?n.cloneElement(s,{ref:u}):null};function f(e){return e?.animationName||"none"}function p(e){let t=n.useRef(e);return n.useEffect(()=>{t.current=e}),n.useMemo(()=>(...e)=>t.current?.(...e),[])}c.displayName="Presence";var g=n.createContext(void 0);function m(e,t,{checkForDefaultPrevented:r=!0}={}){return function(n){if(e?.(n),!1===r||!n.defaultPrevented)return t?.(n)}}var b="ScrollArea",[h,v]=function(e,t=[]){let r=[],o=()=>{let t=r.map(e=>n.createContext(e));return function(r){let o=r?.[e]||t;return n.useMemo(()=>({[`__scope${e}`]:{...r,[e]:o}}),[r,o])}};return o.scopeName=e,[function(t,o){let i=n.createContext(o),a=r.length;r=[...r,o];let s=t=>{let{scope:r,children:o,...s}=t,u=r?.[e]?.[a]||i,d=n.useMemo(()=>s,Object.values(s));return(0,l.jsx)(u.Provider,{value:d,children:o})};return s.displayName=t+"Provider",[s,function(r,l){let s=l?.[e]?.[a]||i,u=n.useContext(s);if(u)return u;if(void 0!==o)return o;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let o=r.reduce((t,{useScope:r,scopeName:n})=>{let o=r(e)[`__scope${n}`];return{...t,...o}},{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:o}),[o])}};return r.scopeName=t.scopeName,r}(o,...t)]}(b),[x,y]=h(b),w=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,type:o="hover",dir:a,scrollHideDelay:s=600,...d}=e,[c,f]=n.useState(null),[p,m]=n.useState(null),[b,h]=n.useState(null),[v,y]=n.useState(null),[w,k]=n.useState(null),[C,j]=n.useState(0),[E,N]=n.useState(0),[S,T]=n.useState(!1),[R,_]=n.useState(!1),P=i(t,e=>f(e)),O=function(e){let t=n.useContext(g);return e||t||"ltr"}(a);return(0,l.jsx)(x,{scope:r,type:o,dir:O,scrollHideDelay:s,scrollArea:c,viewport:p,onViewportChange:m,content:b,onContentChange:h,scrollbarX:v,onScrollbarXChange:y,scrollbarXEnabled:S,onScrollbarXEnabledChange:T,scrollbarY:w,onScrollbarYChange:k,scrollbarYEnabled:R,onScrollbarYEnabledChange:_,onCornerWidthChange:j,onCornerHeightChange:N,children:(0,l.jsx)(u.div,{dir:O,...d,ref:P,style:{position:"relative","--radix-scroll-area-corner-width":C+"px","--radix-scroll-area-corner-height":E+"px",...e.style}})})});w.displayName=b;var k="ScrollAreaViewport",C=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,children:o,nonce:a,...s}=e,d=y(k,r),c=i(t,n.useRef(null),d.onViewportChange);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),(0,l.jsx)(u.div,{"data-radix-scroll-area-viewport":"",...s,ref:c,style:{overflowX:d.scrollbarXEnabled?"scroll":"hidden",overflowY:d.scrollbarYEnabled?"scroll":"hidden",...e.style},children:(0,l.jsx)("div",{ref:d.onContentChange,style:{minWidth:"100%",display:"table"},children:o})})]})});C.displayName=k;var j="ScrollAreaScrollbar",E=n.forwardRef((e,t)=>{let{forceMount:r,...o}=e,i=y(j,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:s}=i,u="horizontal"===e.orientation;return n.useEffect(()=>(u?a(!0):s(!0),()=>{u?a(!1):s(!1)}),[u,a,s]),"hover"===i.type?(0,l.jsx)(N,{...o,ref:t,forceMount:r}):"scroll"===i.type?(0,l.jsx)(S,{...o,ref:t,forceMount:r}):"auto"===i.type?(0,l.jsx)(T,{...o,ref:t,forceMount:r}):"always"===i.type?(0,l.jsx)(R,{...o,ref:t}):null});E.displayName=j;var N=n.forwardRef((e,t)=>{let{forceMount:r,...o}=e,i=y(j,e.__scopeScrollArea),[a,s]=n.useState(!1);return n.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let r=()=>{window.clearTimeout(t),s(!0)},n=()=>{t=window.setTimeout(()=>s(!1),i.scrollHideDelay)};return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",n),()=>{window.clearTimeout(t),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",n)}}},[i.scrollArea,i.scrollHideDelay]),(0,l.jsx)(c,{present:r||a,children:(0,l.jsx)(T,{"data-state":a?"visible":"hidden",...o,ref:t})})}),S=n.forwardRef((e,t)=>{var r,o;let{forceMount:i,...a}=e,s=y(j,e.__scopeScrollArea),u="horizontal"===e.orientation,d=Y(()=>p("SCROLL_END"),100),[f,p]=(r="hidden",o={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},n.useReducer((e,t)=>o[e][t]??e,r));return n.useEffect(()=>{if("idle"===f){let e=window.setTimeout(()=>p("HIDE"),s.scrollHideDelay);return()=>window.clearTimeout(e)}},[f,s.scrollHideDelay,p]),n.useEffect(()=>{let e=s.viewport,t=u?"scrollLeft":"scrollTop";if(e){let r=e[t],n=()=>{let n=e[t];r!==n&&(p("SCROLL"),d()),r=n};return e.addEventListener("scroll",n),()=>e.removeEventListener("scroll",n)}},[s.viewport,u,p,d]),(0,l.jsx)(c,{present:i||"hidden"!==f,children:(0,l.jsx)(R,{"data-state":"hidden"===f?"hidden":"visible",...a,ref:t,onPointerEnter:m(e.onPointerEnter,()=>p("POINTER_ENTER")),onPointerLeave:m(e.onPointerLeave,()=>p("POINTER_LEAVE"))})})}),T=n.forwardRef((e,t)=>{let r=y(j,e.__scopeScrollArea),{forceMount:o,...i}=e,[a,s]=n.useState(!1),u="horizontal"===e.orientation,d=Y(()=>{if(r.viewport){let e=r.viewport.offsetWidth<r.viewport.scrollWidth,t=r.viewport.offsetHeight<r.viewport.scrollHeight;s(u?e:t)}},10);return B(r.viewport,d),B(r.content,d),(0,l.jsx)(c,{present:o||a,children:(0,l.jsx)(R,{"data-state":a?"visible":"hidden",...i,ref:t})})}),R=n.forwardRef((e,t)=>{let{orientation:r="vertical",...o}=e,i=y(j,e.__scopeScrollArea),a=n.useRef(null),s=n.useRef(0),[u,d]=n.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),c=H(u.viewport,u.content),f={...o,sizes:u,onSizesChange:d,hasThumb:!!(c>0&&c<1),onThumbChange:e=>a.current=e,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:e=>s.current=e};function p(e,t){return function(e,t,r,n="ltr"){let o=F(r),i=t||o/2,l=r.scrollbar.paddingStart+i,a=r.scrollbar.size-r.scrollbar.paddingEnd-(o-i),s=r.content-r.viewport;return $([l,a],"ltr"===n?[0,s]:[-1*s,0])(e)}(e,s.current,u,t)}return"horizontal"===r?(0,l.jsx)(_,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=V(i.viewport.scrollLeft,u,i.dir);a.current.style.transform=`translate3d(${e}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=p(e,i.dir))}}):"vertical"===r?(0,l.jsx)(P,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=V(i.viewport.scrollTop,u);a.current.style.transform=`translate3d(0, ${e}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=p(e))}}):null}),_=n.forwardRef((e,t)=>{let{sizes:r,onSizesChange:o,...a}=e,s=y(j,e.__scopeScrollArea),[u,d]=n.useState(),c=n.useRef(null),f=i(t,c,s.onScrollbarXChange);return n.useEffect(()=>{c.current&&d(getComputedStyle(c.current))},[c]),(0,l.jsx)(I,{"data-orientation":"horizontal",...a,ref:f,sizes:r,style:{bottom:0,left:"rtl"===s.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===s.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":F(r)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,r)=>{if(s.viewport){let n=s.viewport.scrollLeft+t.deltaX;e.onWheelScroll(n),n>0&&n<r&&t.preventDefault()}},onResize:()=>{c.current&&s.viewport&&u&&o({content:s.viewport.scrollWidth,viewport:s.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:U(u.paddingLeft),paddingEnd:U(u.paddingRight)}})}})}),P=n.forwardRef((e,t)=>{let{sizes:r,onSizesChange:o,...a}=e,s=y(j,e.__scopeScrollArea),[u,d]=n.useState(),c=n.useRef(null),f=i(t,c,s.onScrollbarYChange);return n.useEffect(()=>{c.current&&d(getComputedStyle(c.current))},[c]),(0,l.jsx)(I,{"data-orientation":"vertical",...a,ref:f,sizes:r,style:{top:0,right:"ltr"===s.dir?0:void 0,left:"rtl"===s.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":F(r)+"px",...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,r)=>{if(s.viewport){let n=s.viewport.scrollTop+t.deltaY;e.onWheelScroll(n),n>0&&n<r&&t.preventDefault()}},onResize:()=>{c.current&&s.viewport&&u&&o({content:s.viewport.scrollHeight,viewport:s.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:U(u.paddingTop),paddingEnd:U(u.paddingBottom)}})}})}),[O,L]=h(j),I=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,sizes:o,hasThumb:a,onThumbChange:s,onThumbPointerUp:d,onThumbPointerDown:c,onThumbPositionChange:f,onDragScroll:g,onWheelScroll:b,onResize:h,...v}=e,x=y(j,r),[w,k]=n.useState(null),C=i(t,e=>k(e)),E=n.useRef(null),N=n.useRef(""),S=x.viewport,T=o.content-o.viewport,R=p(b),_=p(f),P=Y(h,10);function L(e){E.current&&g({x:e.clientX-E.current.left,y:e.clientY-E.current.top})}return n.useEffect(()=>{let e=e=>{let t=e.target;w?.contains(t)&&R(e,T)};return document.addEventListener("wheel",e,{passive:!1}),()=>document.removeEventListener("wheel",e,{passive:!1})},[S,w,T,R]),n.useEffect(_,[o,_]),B(w,P),B(x.content,P),(0,l.jsx)(O,{scope:r,scrollbar:w,hasThumb:a,onThumbChange:p(s),onThumbPointerUp:p(d),onThumbPositionChange:_,onThumbPointerDown:p(c),children:(0,l.jsx)(u.div,{...v,ref:C,style:{position:"absolute",...v.style},onPointerDown:m(e.onPointerDown,e=>{0===e.button&&(e.target.setPointerCapture(e.pointerId),E.current=w.getBoundingClientRect(),N.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",x.viewport&&(x.viewport.style.scrollBehavior="auto"),L(e))}),onPointerMove:m(e.onPointerMove,L),onPointerUp:m(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=N.current,x.viewport&&(x.viewport.style.scrollBehavior=""),E.current=null})})})}),D="ScrollAreaThumb",A=n.forwardRef((e,t)=>{let{forceMount:r,...n}=e,o=L(D,e.__scopeScrollArea);return(0,l.jsx)(c,{present:r||o.hasThumb,children:(0,l.jsx)(z,{ref:t,...n})})}),z=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,style:o,...a}=e,s=y(D,r),d=L(D,r),{onThumbPositionChange:c}=d,f=i(t,e=>d.onThumbChange(e)),p=n.useRef(void 0),g=Y(()=>{p.current&&(p.current(),p.current=void 0)},100);return n.useEffect(()=>{let e=s.viewport;if(e){let t=()=>{if(g(),!p.current){let t=X(e,c);p.current=t,c()}};return c(),e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)}},[s.viewport,g,c]),(0,l.jsx)(u.div,{"data-state":d.hasThumb?"visible":"hidden",...a,ref:f,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...o},onPointerDownCapture:m(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),r=e.clientX-t.left,n=e.clientY-t.top;d.onThumbPointerDown({x:r,y:n})}),onPointerUp:m(e.onPointerUp,d.onThumbPointerUp)})});A.displayName=D;var W="ScrollAreaCorner";n.forwardRef((e,t)=>{let r=y(W,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return"scroll"!==r.type&&n?(0,l.jsx)(M,{...e,ref:t}):null}).displayName=W;var M=n.forwardRef((e,t)=>{let{__scopeScrollArea:r,...o}=e,i=y(W,r),[a,s]=n.useState(0),[d,c]=n.useState(0),f=!!(a&&d);return B(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),c(e)}),B(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),s(e)}),f?(0,l.jsx)(u.div,{...o,ref:t,style:{width:a,height:d,position:"absolute",right:"ltr"===i.dir?0:void 0,left:"rtl"===i.dir?0:void 0,bottom:0,...e.style}}):null});function U(e){return e?parseInt(e,10):0}function H(e,t){let r=e/t;return isNaN(r)?0:r}function F(e){let t=H(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd;return Math.max((e.scrollbar.size-r)*t,18)}function V(e,t,r="ltr"){let n=F(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,i=t.scrollbar.size-o,l=t.content-t.viewport,a=function(e,[t,r]){return Math.min(r,Math.max(t,e))}(e,"ltr"===r?[0,l]:[-1*l,0]);return $([0,l],[0,i-n])(a)}function $(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}var X=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return!function o(){let i={left:e.scrollLeft,top:e.scrollTop},l=r.left!==i.left,a=r.top!==i.top;(l||a)&&t(),r=i,n=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(n)};function Y(e,t){let r=p(e),o=n.useRef(0);return n.useEffect(()=>()=>window.clearTimeout(o.current),[]),n.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(r,t)},[r,t])}function B(e,t){let r=p(t);d(()=>{let t=0;if(e){let n=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(r)});return n.observe(e),()=>{window.cancelAnimationFrame(t),n.unobserve(e)}}},[e,r])}var Q=w,K=C,q=E,J=A},97374:function(e,t,r){r.d(t,{fC:function(){return d},g7:function(){return l}});var n=r(52983);function o(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}var i=r(97458),l=n.forwardRef((e,t)=>{let{children:r,...o}=e,l=n.Children.toArray(r),s=l.find(u);if(s){let e=s.props.children,r=l.map(t=>t!==s?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,i.jsx)(a,{...o,ref:t,children:n.isValidElement(e)?n.cloneElement(e,void 0,r):null})}return(0,i.jsx)(a,{...o,ref:t,children:r})});l.displayName="Slot";var a=n.forwardRef((e,t)=>{let{children:r,...i}=e;if(n.isValidElement(r)){let e,l;let a=(e=Object.getOwnPropertyDescriptor(r.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning?r.ref:(e=Object.getOwnPropertyDescriptor(r,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning?r.props.ref:r.props.ref||r.ref,s=function(e,t){let r={...t};for(let n in t){let o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...e)=>{i(...e),o(...e)}:o&&(r[n]=o):"style"===n?r[n]={...o,...i}:"className"===n&&(r[n]=[o,i].filter(Boolean).join(" "))}return{...e,...r}}(i,r.props);return r.type!==n.Fragment&&(s.ref=t?function(...e){return t=>{let r=!1,n=e.map(e=>{let n=o(e,t);return r||"function"!=typeof n||(r=!0),n});if(r)return()=>{for(let t=0;t<n.length;t++){let r=n[t];"function"==typeof r?r():o(e[t],null)}}}}(t,a):a),n.cloneElement(r,s)}return n.Children.count(r)>1?n.Children.only(null):null});a.displayName="SlotClone";var s=({children:e})=>(0,i.jsx)(i.Fragment,{children:e});function u(e){return n.isValidElement(e)&&e.type===s}var d=l}}]);